<template>
    <div>
        <button v-show="leftshow">{{ left }}</button>
        navbar-{{ myTitle }}
        <button v-show="rightshow">{{ right }}</button>
    </div>
</template>
<script>
    export default {
        // props:['myTitle','left','right','leftshow','rightshow'],//仅接受,不验证
        props:{  //props绑定一个对象,可以在接收时进行类型验证  可以对String Number Boolean Array Object Date Function Symbol类型进行验证
            myTitle:String,
            left:[String,Number],//可以是字符串,数字
            right:{ 
                required:true, //是否必须,默认否, 如果父组件不传入某个属性,则不会进行校验,只有传入值了才会校验
                //校验器,validator固定语法
                validator(value){
                    return ['导航','首页'].includes(value)
                }
            },
            leftshow:Boolean,
            rightshow:Boolean
        }
        
    }
</script>